<template>
    <!-- 四个图标 -->
     <div class="center">
       <div class="box">
        <!-- 左边盒子 -->
        <div class="left">
            <span>
              <router-link to="/login">
                客户服务
              </router-link>
                </span>
            <div class="left-two">
              <div class="kefu">
                  <img src="../image/ermai.png" alt="" />
                  <span>在线客服</span>
              </div>
              <div class="yonghu">
                  <img src="../image/xinxi.png" alt="" />
                  <span>用户反馈</span>
              </div>
            </div>
        </div> 
        <!-- 中间盒子 -->
        <div class="center">
            <span>何为网易严选</span>
            <div class="wangyi">
                <span>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</span>
            </div>
            <div class="guanzhu">
                <span class="user">关注我们 :</span>
                <div class="box3">
                  <div class="weibo">
                    <a href="">
                        <img src="../image/weibo.png" alt="">
                    </a>
                    <img src="../image/weixin.png" alt="">
                    <img src="../image/douyin.png" alt="">
                  </div>
                 </div>
            </div>
        </div>
        <!-- 右边二维码 -->
         <div class="right">
            <span>扫码下载严选APP</span>
            <div class="weixin">
                <img src="../image/erweima.png" alt="">
            </div>
            <span class="span">下载领大额新人红包</span>
        </div> 
      </div> 
        <!-- 第二层 -->
    <div class="box3">
       <div class="box3-style">
         <div class="center">
            <div class="center-left">
               <img src="../image/1.png" alt="" />
            </div>
             <div class="center-left">
               <img src="../image/2.png" alt=""/>
            </div>
            <div class="center-left">
               <img src="../image/3.png" alt="" /> 
            </div>
             <div class="center-left">
               <img src="../image/4.png" alt="" /> 
            </div>
         </div> 
       </div>
        <!-- 第三层 -->
        <div class="w againw">
            <div class="copyright">
                <span>关于我们 | 帮助中心 | 售后服务 | 配送与验收 | 商务合作 | 企业采购 | 开放平台 | 搜索推荐 | 友情链接|廉正举报 </span><br/>
                <span>食品经营许可证：JY13301080111719出版物经营许可证：新出发滨字第0132号妙得ICP证号：ICP 证浙B2-20160106浙杭食药监械经营备20171029号营业执照网易公司版权所有 © 1997-2021</span><br/>
                <span>无线电发射设备销售备案：42202011096855（浙杭）网械企备字[2019]第00119号（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023进口冷链食品管理承诺书</span><br/>
                <span class="span">食品经营许可证：JY14207050007694浙江省网络食品销售第三方平台提供者备案：浙网食A33010009单用途商业预付卡备案证：330100AAC0024</span><br/>
                <span>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</span><br/> 
             </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {

}
</script>
 
<style scoped>
  body{
    margin:0;
    padding:0;
    background-color: #414141;
    /* list-style-type:none; */
}
/* .center .box2{
    width:100%;
    height:300px;
    background-color: #414141;
} */
 
/* 底部第一层 */
/* 左边盒子 */
.center .box{
     display: flex;
     justify-content: center;
     
     text-align: center;
     width:1520px; 
     height:210px;
     padding:60px 0 34px;
     background-color: #fff;
}
.center .box .left{
    width:362px;
    height:204px;
    /* border:1px solid red; */
}
.center .box .left span{
    display: block;
    /* margin-top:28px; */
    margin:0 0 28px;
}
.center .box .left .left-two{
    display: flex;
    justify-content: center;
}
.box .left .kefu{
    width:80px;
    height:75px;
    padding:25px 0 0 ;
    border:1px solid black;
}
.box .left .kefu img{
    width:31px;
    height:26px;
}
.box .left .kefu span{
    font-size:14px;
    margin-top:10px;
}
.box .left .yonghu{
    /* display: block; */
    width:80px;
    height:75px;
    margin:0 0 0 29px;
    padding:25px 0 0;
    border:1px solid black;
}
.box .left .yonghu span{
    font-size:14px;
    margin-top:10px;
}
.box .left .yonghu img{
    width:31px;
    height:26px;
}
/* 中间盒子 */
.box .center{
    width:364px;
    height:206px;
    /* margin:0 0 22px; */
    /* border:1px solid red; */
    border-left:1px solid #E9E9E9;
    border-right:1px solid #E9E9E9; 
}
.center span{
    margin:0 0 28px;
}
.center .wangyi{
    font-size:12px;
    margin-top:24px;
    padding:0 37px;
}
.center .guanzhu box3{
    display: flex;
}
.center .guanzhu .user{
    margin:0 15px 0 0;
    margin-left:-200px;

}
.center .guanzhu .weibo{
    display: block;
    margin-top:-25px;
    background-color: #fff;
}
.center .guanzhu .weibo img{
    width:32px;
    height:32px;
    padding:0 5px 0 5px;
}
.center .wangyi span{
    display: block;
    text-align: left;
}
/* 右边盒子 */
.box .right{
    width:362px;
    height:204px;
    /* border:1px solid red;; */
}
.right span{
    display: block;
    margin:0 0 28px;
}
.right .weixin img{
    width:104px;
    height:104px;
    /* margin:3px 0 0; */
}
.right .span{
    display: block;
    font-size:12px;
    color:#B4A078;
    margin:3px 0 0;
}
/* 底部第二层 */
.box3{
    /* width:1517px;
    height:300px; */
    background-color: #414141;
}
.box3-style{
    width:1519px;
    height:120px;
    background-color: #414141;
    /* border:1px solid red; */
}
.box3-style .center{
    text-align: center;
    display:flex;
    width:1050px;
    height:80px;
    /* border:1px solid blue;  */
}
.center .center-left{
    margin-left:150px;
    margin-top:30px;
    
}
.center .center-left img{
    width:174px;
    height:50px;
} 

/* 分割线以下样式 */
.againw{
    border-top:1px solid #4F4F4F;
    padding:23px 0 30px 0;
    padding-top:23px;
    text-align: center;
    background-color: #414141;
}

.copyright{
    line-height:18px;
    font-size:12px;
    color:#999999;
    margin-bottom:20px;
}
.copyright span{
    padding:30px 0 30px 0;
}

</style>